<!--
 * @Author: C.
 * @Date: 2023-04-20 10:44:12
-->
<template>
  <div>
    <AvatarCropper value="/Image/1648897340808888321.png" @change="updateAvatar" />
    <JUpload>
      <a-button> 上传 </a-button>
    </JUpload>
  </div>
</template>
<script lang="ts" setup>
  // ----------------------------- 第三方引入 -----------------------------
  import { ref } from 'vue';

  // ----------------------------- hooks -----------------------------

  // ----------------------------- 组件 -----------------------------
  import { AvatarCropper } from '/~/components/AvatarCropper/index';
  import { JUpload } from '/~/components/Upload';
  // ----------------------------- 其他引入 -----------------------------

  //----------------------------- 变量声明区 -----------------------------

  // ----------------------------- hooks使用区 -----------------------------

  // ----------------------------- 钩子函数区 -----------------------------

  //  ----------------------------- 自定义方法区 -----------------------------
  function updateAvatar(e) {
    console.log(e);
  }
</script>
<style lang="less" scoped></style>
